<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>5.回顾css里的动画</title>
		<style>
			h2{
				width: 300px;
				background-color: orange;
			}
			@keyframes peiqi {
				from{
					transform: translateX(0px);
				}
				to{
					transform: translateX(-300px);
				}
			}
			.likai{
				animation: peiqi 3s linear;
			}
			.lai{
				animation: peiqi 3s linear reverse;
			}
		</style>
	</head>
	<body>
		<h2>你好啊，欢迎学习Vue</h2>
	</body>
</html>